<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <title></title>
    <link rel="stylesheet" href="css/pure-min.css">
    <link rel="stylesheet" href="css/base-min.css">
    <link rel="stylesheet" href="css/style.css">
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="css/grids-responsive-min.css">
    <!--<![endif]-->
</head>
<body>
<header>
    <div class="top_container">
        <div class="container">
            <ul>
                <li><a href="#"><img src="images/top_tb1.gif"> 虎银网</a> </li>
                <li><a href="#"><img src="images/top_tb2.gif"> 上传资料</a> </li>
                <li><a href="#"><img src="images/top_tb3.gif"> 帮助中心</a> </li>
            </ul>
            <span id="login-statue">您好，Kenny，欢迎登录电老虎金融！</span>
            <div class="top_right">
               <span><img src="images/tel_tb.gif"> 客服热线 400-6616-817</span>
               <span><a href="#" class="a1">电老虎网首页</a></span>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="container" style="position: relative">
        <div class="logo"><img src="images/logo.jpg"></div>
        <nav class="nav">
            <ul>
                <li><a href="#" class="a1">首页</a> </li>
                <li><a href="#">贷款产品</a> </li>
                <li><a href="#">理财产品</a> </li>
                <li><a href="#">进度查询</a> </li>
                <li><a href="#">常见问题</a> </li>
                <li><a href="#">关于我们</a> </li>
            </ul>
        </nav>
        <div class="clearfix"></div>
    </div>
</header>
<div class="banner_wrap">
    <div id="main-outer">
    <div id="main-wrap">
        <div id="main">
            <div class="content">
                <!--图片轮播-->
                <div class="hot_wrap">
                    <div id="target" class="tbui_slideshow_container">
                        <ul class="tbui_slideshow_list">
                            <li><a href="javascript:;" target="_blank">
                            <img src="images/banner.jpg"  />
                            </a></li>
                            <li><a href="javascript:;" target="_blank">
                            <img src="images/banner.jpg" />
                            </a></li>
                            <li></li>
                        </ul>
                    </div>
                    
                    <!--导航条的结构-->
                    <ul id="controller">
                        <li></li>
                        <li></li>
                    </ul>
                    <a href="#" id="prev">上一页</a> <a href="#" id="next">下一页</a>
                </div>
                <div class="left-wrap">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="login_box hide">
            <form class="pure-form pure-form-stacked login_form">
                <input type="text" class="pure-u-1" placeholder="手机号" style="margin-top: 81px;">
                <input type="text" class="pure-u-1" placeholder="密码" style="margin-top: 24px;">
                <button type="submit" class="pure-u-1 pure-button pure-button-yellow" style="margin-top: 34px;">立即登录</button>
            </form>
        </div>
        <div class="regist_box">
            <div id="regist-content">
                <div>
                    <span>贷款主体</span>
                    <select name="" id="">
                        <option value="">个人贷款</option>
                    </select>
                </div>
                <div>
                    <input type="text" id="username" value="您的名字">
                </div>
                <div>
                    <input type="text" id="cash" value="额度">
                </div>
                <div>
                    <input type="text" id="using" value="用途">
                </div>
                <div>
                    <input type="text" id="phone" value="联系方式">
                </div>
                <div id="checkBox">
                    <input type="text" id="checknum">
                    <button class="btn" id="getCheck">获取验证码</button>
                </div>
                <p id="apply" class="btn">立即申请</p>
                <p class="regist-bottom">已经申请过，请<span id="login">登录</span></p>
            </div>
        </div>
    </div>
</div>
<div class="advantage_wrap">
    <div class="container">
        <div class="pure-g">
            <div class="pure-u-1-3">
                <dl>
                    <dt>
                        <img src="images/youshi_tb1.jpg">
                    </dt>
                    <dd>
                        <h2><span>放款</span>成功率高</h2>
                        <p>领先的智能匹配技术，根据您的资质匹配最易审批通过的贷款产品</p>
                    </dd>
                </dl>
            </div>
            <div class="pure-u-1-3">
                <dl>
                    <dt>
                        <img src="images/youshi_tb2.jpg">
                    </dt>
                    <dd>
                        <h2><span>贷款</span>费用低</h2>
                        <p>专业的贷款顾问免费为您量身定制贷款方案，降低贷款成本</p>
                    </dd>
                </dl>
            </div>
            <div class="pure-u-1-3">
                <dl style="margin-right: 0; border-right: none;">
                    <dt>
                        <img src="images/youshi_tb3.jpg">
                    </dt>
                    <dd>
                        <h2><span>保障</span>上市公司护航</h2>
                        <p>合作金融机构、发起人均为上市企业，安全保障</p>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="sider_left">
        <div class="header_left"><span style="float: left"><img src="images/clock.jpg"> 贷款产品系列</span><a href="#" style="float: right;">更多></a> <div class="clearfix"></div> </div>
        <div class="left_box">
            <p>【供应链贷】适用于电力企业材料采购、产品采购</p>
            <div class="content_left">
                <div class="pure-g">
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">200</span>万元</p>
                        <p class="mart0">最高额度</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">8.4%</span>-12%</p>
                        <p class="mart0">年化利率</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">6</span>个月</p>
                        <p class="mart0">最长期限</p>
                    </div>
                </div>
                <p>产品特点：金额大、手续简单、利息低、下款快</p>
            </div>
            <div class="content_right">
                <a class="pure-button" href="#">立即申请</a>
                <p>近30天有<span class="text_red">5542</span>人申请成功</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="left_box">
            <p>【供应链贷】适用于电力企业材料采购、产品采购</p>
            <div class="content_left">
                <div class="pure-g">
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">200</span>万元</p>
                        <p class="mart0">最高额度</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">8.4%</span>-12%</p>
                        <p class="mart0">年化利率</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">6</span>个月</p>
                        <p class="mart0">最长期限</p>
                    </div>

                </div>
                <p>产品特点：金额大、手续简单、利息低、下款快</p>
            </div>
            <div class="content_right">
                <a class="pure-button" href="#">立即申请</a>
                <p>近30天有<span class="text_red">5542</span>人申请成功</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="left_box">
            <p>【供应链贷】适用于电力企业材料采购、产品采购</p>
            <div class="content_left">
                <div class="pure-g">
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">200</span>万元</p>
                        <p class="mart0">最高额度</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">8.4%</span>-12%</p>
                        <p class="mart0">年化利率</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">6</span>个月</p>
                        <p class="mart0">最长期限</p>
                    </div>

                </div>
                <p>产品特点：金额大、手续简单、利息低、下款快</p>
            </div>
            <div class="content_right">
                <a class="pure-button" href="#">立即申请</a>
                <p>近30天有<span class="text_red">5542</span>人申请成功</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="header_left"><span style="float: left"><img src="images/clock.jpg"> 理财产品系列</span><a href="#" style="float: right;">更多></a> <div class="clearfix"></div> </div>
        <div class="left_box">
            <p>【供应链贷】适用于电力企业材料采购、产品采购</p>
            <div class="content_left">
                <div class="pure-g">
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">200</span>万元</p>
                        <p class="mart0">最高额度</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">8.4%</span>-12%</p>
                        <p class="mart0">年化利率</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">6</span>个月</p>
                        <p class="mart0">最长期限</p>
                    </div>

                </div>
                <p>产品特点：金额大、手续简单、利息低、下款快</p>
            </div>
            <div class="content_right">
                <a class="pure-button apply_button button-warning" href="#">申请</a>
                <p>近30天有<span class="text_red">5542</span>人申请成功</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="left_box">
            <p>【供应链贷】适用于电力企业材料采购、产品采购</p>
            <div class="content_left">
                <div class="pure-g">
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">200</span>万元</p>
                        <p class="mart0">最高额度</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">8.4%</span>-12%</p>
                        <p class="mart0">年化利率</p>
                    </div>
                    <div class="pure-u-1-3">
                        <p class="marb0"><span class="text_red1">6</span>个月</p>
                        <p class="mart0">最长期限</p>
                    </div>

                </div>
                <p>产品特点：金额大、手续简单、利息低、下款快</p>
            </div>
            <div class="content_right">
                <a class="pure-button" href="#">立即申请</a>
                <p>近30天有<span class="text_red">5542</span>人申请成功</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="sider_right">
        <div class="right_box">
            <div class="header"><h3>成功案例</h3></div>
            <div class="content">
                <ul>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                    <li>133****6395&nbsp;&nbsp;&nbsp;&nbsp;赵先生&nbsp;&nbsp;&nbsp;&nbsp;100万元</li>
                </ul>
            </div>
        </div>
        <div class="right_box">
            <div class="header">
                <h3 style="float: left; display: inline-block">贷款问答</h3><a href="#" style="float: right;">更多>></a>
                <div class="clearfix"></div>
            </div>
            <div class="content">
                <ul>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                </ul>
            </div>
        </div>
        <div class="right_box">
            <div class="header"><h3>媒体报道</h3></div>
            <div class="content">
                <p><img src="images/mtbd_pic.jpg"></p>
                <ul>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                    <li><a href="#" target="_blank">贷款为什么选择虎银金融？</a> </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container" id="coperation">
    <h2>权威合作机构</h2>
    <ul>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="images/pinan.jpg" alt=""></a></li>
    </ul>
</div>
<div id="footer">
    <div id="fastLink">
        <h3>友情链接</h4>
        <ul>
            <li><a href="javascript:;">汇付天下</a></li>
            <li><a href="javascript:;">南京银行</a></li>
            <li><a href="javascript:;">平安银行</a></li>
        </ul>
    </div>
    <div id="service">
        <h3>客户服务</h4>
        <ul>
            <li>理财热线：4008-0-10948(工作时间：8:30-17:30)</li>
            <li>QQ群：293157557</li>
            <li>地址：江苏省南京市将军大道55号</li>
            <li>Copyright @ 2014</li>
            <li>苏ICP备14038857号</li>
        </ul>
    </div>
    <div id="focusus">
        <h3>关注我们</h4>
        <p><img src="images/erweima.png" alt="" class="erweima"></p>
    </div>
    <div id="last">
        <h3></h3>
        <p><img src="images/erweima.png" alt="" class="erweima"></p>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script>
$(function () {
new SlideShow({
nav: "#controller",
effect : "fade",
target: "#target",
activeClass: "active",
next: "#next",
prev: "#prev",
auto: true
})
})
</script>
</body>
</html>